<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="jiayou.css">
</head>

<body>
    <div style="width: 100%;">
        <div class="bigBackground">
            <div class="part1">
                <div class="top">
                    <ul>
                        <li class=" iconfont icon-caidan tool" style="float: left;"></li>
                        <li class=" iconfont icon-sousuo tool" style="float:right;"></li>
                    </ul>
                    <div class="box">
                        <div class="camera">
                            <div class="camera-border">
                                <div class=" iconfont icon-zhaoxiangji-copy camera-image"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <p class=" Animal_Photography">Animal Photography</p>
                <p class="text1">A silhouette of them, a simple little acttion, here are the photographer’s<br>
                    eyes the best of them, their laughter, their love, their every vivid, are recored<br>
                    by us.</p>
                <button class="EXPIORE">EXPIORE</button>
                <div class="bird1"><span class="birdText">Fly</span></div>
                <div class="bird2"><span class="birdText">Love</span></div>
                <div class="bird3"><span class="birdText">Stand</span></div>
            </div>
            <div class="part2">
                <div class="dear">
                </div>
                <div class="textbox1">
                    <p class="text2">“Family Farms is the best place，where I can buy
                        fruit,vegetable,meat,honey,milk,<br>
                        eggs and so on for my retaurant directly fromupplier. Super convinient.Thank you”<br>
                        xdccnfc cfvfesc cfnccnjdcn cfjdcdsr dcwwzwqg ejs dddc ddf fnfjv eij fvnv jnxzexh cn<br>
                        cdcmdsc ddnc, cddmdcds dncdn cdcn wqeoeas, dcndassasas,cdcndcnc cciqoskxm<br>
                        cbdcpqslwq nfnere nfncsfjjc dndcww frhfjnc qpdjweiw cnncqe, cqjsdc ccn dcjndc ,<br>
                        ncf cdncjd dcdjcndq csjncq dcdncf dcdjdnc cdjsq, qkodkqe wqcnpsdc cdnqq qcw,<br>
                        cqnonxj dcdcnd dcnjsdvb wcnwq cowwncjq jjcnjncqnw wcq c wd cwch, cnjncnc ece<br>
                        cdcnncdwnc nenwc dcnnc cjcj , c cjrnc wecwc .</p>
                    <button class="SIGN_UP">SIGN UP</button>
                </div>
            </div>
            <div class="part3">
                <button class="Difference">Difference</button>
                <div class="animal">
                    <div class="animal-box">
                        <img src="horse.png" class="a-animal">
                        <span class="name">Horse</span>
                        <span class="A_difference_story">A difference story</span>
                    </div>
                    <div class="animal-box">
                        <img src="kangroo.png" class="a-animal">
                        <span class="name">Kangaroo</span>
                        <span class="A_difference_story">A difference story</span>
                    </div>
                    <div class="animal-box">
                        <img src="lion.png" class="a-animal">
                        <span class="name">&nbsp;Lion&nbsp;</span>
                        <span class="A_difference_story">A difference story</span>
                    </div>
                    <div class="animal-box">
                        <img src="bird.png" class="a-animal">
                        <span class="name">Hummingbird</span>
                        <span class="A_difference_story">A difference story</span>
                    </div>
                </div>
                <button class="knowMore">
                    Know more
                </button>
            </div>
            <div class="part4">
                <img src="squirrel.png" class="squirrel">
                <div class="Photo">
                    <div class="The_Photo">The Photo</div>
                </div>
                <p class="text3">
                    “Family Farms is the best placewhere I<br>
                    can buy fruit,vegetable,meat,honey,milk,<br>
                    eggs and so on for my retaurant directly from<br>
                    supplier. Super convinient.Thank you”</p>
                <div class="list">
                    <div class="textbox2"><span class="circle">4</span>
                        <span class="listText">Harvest achievement</span>
                    </div>
                    <div class="textbox2"><span class="circle">3</span>
                        <span class="listText">Shooting</span>
                    </div>
                    <div class="textbox2"><span class="circle">2</span>
                        <span class="listText">Cultivate feelings</span>
                    </div>
                    <div class="textbox2"><span class="circle">1</span>
                        <span class="listText">Looking for it</span>
                    </div>
                </div>
            </div>
            <div class="part5">
                <span class="wild-sea">IN THE WILD<br>IN THE SEA</span>
                <span class="MOER">MOER</span>
                <span class="create">We create art.<br> We create life</span>
                <button class="bigWorld">Big World</button>
            </div>
        </div>
    </div>
</body>

</html>